//// sidebar
//$menuText:#bfcbd9;
//$menuActiveText:#409EFF;
//$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
//
//$menuBg:#304156;
//$menuHover:#263445;
//
//$subMenuBg:#1f2d3d;
//$subMenuHover:#001528;
//
//$sideBarWidth: 210px;
//
//// the :export directive is the magic sauce for webpack
//// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
//:export {
//  menuText: $menuText;
//  menuActiveText: $menuActiveText;
//  subMenuActiveText: $subMenuActiveText;
//  menuBg: $menuBg;
//  menuHover: $menuHover;
//  subMenuBg: $subMenuBg;
//  subMenuHover: $subMenuHover;
//  sideBarWidth: $sideBarWidth;
//}


// 新的明亮主题颜色变量
$menuText: #333; // 常规菜单文字颜色
$menuActiveText: #1976D2; // 活跃菜单文字颜色
$subMenuActiveText: #1976D2; // 子菜单活跃状态的文字颜色

$menuBg: #F5F5F5; // 主菜单背景颜色（柔和的浅灰色）
$menuHover: #E0E0E0; // 鼠标悬停时的菜单背景颜色（稍深的灰色）

$subMenuBg: #FFFFFF; // 子菜单背景颜色（白色）
$subMenuHover: #ECEFF1; // 子菜单鼠标悬停时的背景颜色（淡蓝灰色）

$sideBarWidth: 210px; // 保持侧边栏宽度不变

// 输出供Webpack使用
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
